<script setup lang="ts">
import ChannelNav from './components/ChannelNav.vue'
import ArticleList from './components/ArticleList.vue'
// import { ref } from 'vue'
// const channelId = ref(0)
// const changeId = (id: number) => {
//   channelId.value = id
//   // console.log(id)
// }
</script>

<template>
  <!-- <ChannelNav :channelId="channelId" @change="changeId"></ChannelNav>
  <ArticleList :channelId="channelId"></ArticleList> -->

  <!-- pinia改写 -->
  <ChannelNav></ChannelNav>
  <ArticleList></ArticleList>
  <router-view></router-view>
</template>
